<template>
  <div>
    <!-- <input type="text" :value="msg" @input="msg = $event.target.value"> -->
    <!-- -------------------------------------------------------------------- -->
    <h1>奔驰，好几十万一辆</h1>
    <SonModel v-model="count"></SonModel>
    <!-- -------------------------------------------------------------------- -->
    <div>
        <h3>下拉菜单的封装 - {{cityId}}</h3>
        <!-- v-model => :value + @input -->
        <HmSelect v-model="cityId"></HmSelect>
    </div>
  </div>
</template>

<script>
import SonModel from './components/SonModel.vue'
import HmSelect from './components/HmSelect.vue'

export default {
  components: {
    SonModel,
    HmSelect
  },
  data() {
    return {
      msg: 'hello world',
      count: 10,
      cityId: 110,
    }
  },
}
</script>

<style></style>
